﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scalee=1.0">
		<link rel="icon" href="/static/favicon.ico">

		<title>To-Do lists</title>

		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
		<!-- Custom styles for this template -->
		<link href="/static/blog.css" rel="stylesheet">
	</head>

	<body>

		<div class="blog-masthead">
		  <div class="container">
			<nav class="blog-nav">
			  <a class="blog-nav-item active" href="/blog/">Blog</a>
			  <a class="blog-nav-item" href="/lists/">To-Do list</a>
			  <a class="blog-nav-item" href="/blog/">Home</a>
			  <a class="blog-nav-item" href="#">Press</a>
			  <a class="blog-nav-item" href="#">New hires</a>
			  <a class="blog-nav-item" href="#">About</a>
			</nav>
		  </div>
		</div>

		<div class="container">

			<div class="row">
				<div class="col-md-6 col-md-offset-3 jumbotron">
					<div class="text-center">
						<h1>{% block header_text %}{% endblock %}</h1>
						<form method="POST" action="{% block form_action %}{% endblock %}">
							<input name="item_text" id="id_new_item" class="form-control input-lg" placeholder="Enter a to-do item" />
							{% csrf_token %}
						</form>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-6 col-md-offset-3">
					{% block table %}
					{% endblock %}
				</div>
			</div>

		</div>


		<div class="blog-footer">
		  <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
		  <p>
			<a href="#">Back to top</a>
		  </p>
		</div>

	</body>
</html>